<template>
    <div class="content_s">
        <h4>{{list.title}}</h4>
        <div class="t"> 
            <span>发表时间：{{list.time|time('yyyy-mm-dd hh-mm-ss')}}</span>
            <span>点击{{list.click}}次</span>
        </div>
        <hr>
        <div class="contentIT">
            <!-- 缩略图 -->
            <vue-preview id="qwer"  :slides="list.list" @close="handleClose"></vue-preview>
            <!-- <img class="preview-img" v-for="(item, index) in slide1" :src="item.src" height="100" @click="$preview.open(index, slide1)" :key="item.src"> -->
            <p>{{list.content}}</p>
        </div>
    </div>
</template>
<script>
export default {
     data () {
      return {
        id : this.$route.params.id,
        list: []
      }
    },
    created(){
        this.getData()
    },
    methods: {
        getData(){
            this.$http.get(this.base_url+'vue/datas/imageText/itshow.json','json').then(function(res){
                this.list = res.body.data[this.id]
            })
        },
        handleClose () {
            console.log('close event')
        }
    }
}
</script>
<style>
    .content_s{
        padding: 0 2%;
    }
    .content_s h4{
        color: blue;
        line-height: 2;
        text-align: center;
    }
    .content_s .t{
        display: flex;
        justify-content: space-between;
    }
    #qwer figure{
        text-align: center;
        display: inline-block;
        margin: 0 !important;
    }
    .my-gallery{
        width: 100%;
        display: flex;
        position: relative;
    }
    .my-gallery img{
        width: 100%
    }
</style>


